// 入口函数
$(function () {
    $("#loginBox a").on('click', function () {
        // 点击的登录框内部的a链接
        // 显示的注册区域，隐藏的登录区域
        $("#regBox").show();
        $("#loginBox").hide();
    });
    $("#regBox a").on('click', function () {
        // 点击的注册框内部的a链接
        // 显示的登录区域，隐藏的注册区域
        $("#regBox").hide();
        $("#loginBox").show();
    });


});

//需求2:定义效验规则
let form = layui.form;

form.verify({
    username: [
        /^[a-zA-Z0-9]{1,10}$/,
   '用户名必须1到10位数字和字母'     
    ],
    pwd: [
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须是6到12位数字和字母'
    ],
    rePwd: function (value) {
        let pwd = $("#regBox input[name=password").val();
        if (pwd !== value) {
            return'两个密码输入不一致!'
        }
    }
});

// 需求3：注册功能
let layer = layui.layer;
$('#formReg').on('submit', function (e) {
    // 阻止表单默认提交事件
    e.preventDefault();
    axios({
        method: 'POST',
        url: 'http://api-breakingnews-web.itheima.net/api/reguser',
        // jQuery中的ajax，参数 string object array ， content-type 头信息固定
        data: $(this).serialize()
    }).then(res => {
        // 判断返回数据是否正确
        if (res.data.status !== 0) {
            return layer.msg(res.data.message, { icon: 5 });
        }
        // 成功后，提示
        layer.msg(res.data.message, { icon: 6 });
        // 切换到登录界面
        $('#regBox a').click();
        // 清空表单，用 DOM元素.reset() 方法,可以重置表单
        $('#formReg')[0].reset();
    });
});


//需求4:登录功能
$("#formLogin").on('submit', function (e) {
    e.prevenDefault();
    axios({
        method: 'POST',
        url: 'http://api-breakingnews-web.itheima.net/api/login',
        data: $(this).serializ()
    }).then(res => {
        if (res.data.status !== 0) {
            return layer.msg(res.data.message);
        }
        layer.msg('恭喜你,登陆成功');
        localStorage.setItem('token', res.data.token);
        location.href = '/index.html';
    })
});